// 时间插件
$('.datetimepicker').datetimepicker({
    lang: 'ch',
    format: "Y-m-d H:i"
});

var dev_type_arr = [{ id: "", text: "请选择" }, { id: "1", text: "安全问题" }, { id: "2", text: "卫生问题" }],
    second_arr = [{ id: "", text: "请选择" }]


// 一级列表渲染
$(".up_type").select2({
    data: dev_type_arr,
    placeholder: '请选择'
})

// 获取下拉框数据

function get_second(data_obj) {
    var data_obj = data_obj

    $.ajax({
        url: serverUrl.base+serverUrl.informationType+"information_type_list",
        type: "post",
        header: {
            'Access-Control-Allow-Origin': "*"
        },
        // data:{
        //     // p_id:2
        //     // information_type_id:2    // 1安全问题   2卫生问题   空为全部
        // },

        data: data_obj,
        beforeSend: function () {     //请求成功前触发的局部事件
            $(".lds-css").css("display", "block")
        },
        success: function (data) {
            var result = JSON.parse(data),
                res_arr = result.data
            for (var i = 0; i < res_arr.length; i++) {
                var sec_obj = {}
                sec_obj.id = res_arr[i].information_type_id
                sec_obj.text = res_arr[i].information_type_name
                second_arr.push(sec_obj)

            }
            // console.log(second_arr)

            $(".up_thing").select2({
                data: second_arr,
                placeholder: "请选择"
            })
            $(".lds-css").css("display", "none")
        }
    })
}
$(".up_thing").select2({
    data: second_arr,
    placeholder: "请选择"
})
// get_second()

// 联动事件
$(".up_type").on("select2:select", function () {
    var data_obj = {},
        information_type_id = Number($(this).val())
    data_obj.information_type_id = information_type_id
    $(".up_thing").select2("destroy")
    $(".up_thing option").remove()  // 再次渲染之前  一定要把select中的option全部删除，数组内容的变化并不会出发再次渲染内容的变化
    second_arr = [{ id: "", text: "请选择" }]
    get_second(data_obj)

});
var page=1;
// 请求列表数据
function get_data_list(data_obj) {
    var data_obj = data_obj
    $.ajax({
        url: serverUrl.base+serverUrl.informationType+"information_list",
        type: "post",
        dataType:'json',
        data: data_obj,
        beforeSend: function () {     //请求成功前触发的局部事件
            $(".lds-css").css("display", "block")
        },
        success: function (res) {
            var thing_arr = res.data
            $(".mes_list ul .tab_mes").remove()
            $(".mes_list ul").css("display", "block")
            $(".mes_list .nolist").css("display", "none")
            if (thing_arr) {
                $.each(thing_arr, function (i, val) {
                    var li = `<li class="tab_mes">
                                <span>${val.type_name}</span>
                                <span>${val.information_type_name}</span>
                                <span>${val.user_name}</span>
                                <span>${val.department_name}</span>
                                <span>${val.information_addtime}</span>
                                <span class="detailbtn" data-info-id="${val.information_id}">查看详情</span>
                            </li>`
                    $(".mes_list ul").append(li)
                    $(".mes_list ul").find("li:last").find('.detailbtn').off('click').on('click',function(elm){
                        $(".elm_detail").css("display", "block")
                        $(".elm_list").css("display", "none")
                        var that = $(this)
                        see_details(serverUrl.base+serverUrl.informationType+"information_info",
                        {
                            user_id: sessionStorage.getItem('user_id'),
                            information_id: that.data('info-id')
                        })
                        report_id = that.data('info-id')
                    })
                })
            }
            
            if ($(".mes_list ul .tab_mes").length < 1) {
                $(".mes_list ul").css("display", "none")
                $(".mes_list .nolist").css("display", "block")
            }
            $(".page_box").html(res.result_page)
            $(".lds-css").css("display", "none")
        }
    })
}
get_data_list({
    page:1,
    _: Math.random() * 100
})
// 点击查看详情
function see_details(url, send_data) {
    $.ajax({
        url: url,
        type: "post",
        dataType:'json',
        beforeSend: function () {     //请求成功前触发的局部事件
            $(".lds-css").css("display", "block")
        },
        data: send_data,
        success: function (res) {
            var _info = res.data,
            img_arr = _info.information_attachment,noimg=''
            $(".up_mes_box .mes_list").html()
            if (img_arr.length > 0 && img_arr[0] != "") {
                var str = ``
                $.each(img_arr, function (i, val) {
                    if (val != "") {
                        var li = `<li class="img_box">
                                    <img src="${val}" alt="">
                                </li>`
                        str += li
                    }
                })
                img_ol = `<ol>${str}</ol>`
            } else {
                noimg = "无"
            }

            var li_list = `<li>上报信息名称 : <span>${_info.information_title}</span></li>
                        <li>上报类型 : <span>${_info.information_type_name}</span></li>
                        <li>上报人 : <span>${_info.user_name}</span></li>
                        <li>问题描述 : <span> ${_info.information_content}</span></li>
                        <li class="img_list">
                            <p>附件 : ${noimg}</p>
                            ${img_ol}
                        </li>`
            $(".up_mes_box .mes_list").html(li_list)
            $(".lds-css").css("display", "none")
        }
    })
}
$(".cur_tit").on("click", function () {
    $(".elm_detail").css("display", "none")
    $(".elm_list").css("display", "block")
})
function common_request(elm){
    var page = 1
    if(elm){
        page = elm
    }
    var p_id = $(".up_type").select2("data")[0].id,
    information_type_id = $(".up_thing").select2("data")[0].id,
    start = $(".up_mes .starttime").val(),
    end = $(".up_mes .endtime").val()
    if (!(p_id) && !(information_type_id)) {
        get_data_list({
            page:page,
            start: start,
            end: end
        })
    } else {
        get_data_list({
            page:page,
            p_id: p_id,
            information_type_id: information_type_id,
            start: start,
            end: end
        })
    }
}
// 上报记录搜索按钮
$(".up_mes .search_btn").on("click", function () {
    common_request()
})


$(".up_mes .reset_btn").on("click", function () {
    $(".up_type").select2("val", "")
    $(".up_thing").select2("val", "");//  恢复默认
    $(".starttime").val("");
    $(".endtime").val("");
})
function ajax_data(num) {
    common_request(num)
}
// 跳转
function pageIndex(go_btn) {
    var chan_ipt = $(go_btn).prev(),
        page_num = Number(chan_ipt.val())
    if (!isNaN(page_num)) {
        common_request(num)
    }
}